<template>
  <div>
    <van-nav-bar title="地图找房" left-arrow />
    <div id="container" ref="map"></div>
  </div>
</template>

<script>
export default {
  name: 'map-page',

  mounted() {
    const { BMapGL } = window
    const map = new BMapGL.Map(this.$refs.map)
    map.centerAndZoom('杭州市', 12) // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang="less">
#container {
  height: 100vh;
}
</style>
